<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
	<title>javascript image maps</title>
    <script language="javascript" type="text/javascript">
        function writeText(txt){
            document.getElementById( "desc" ).innerHTML=txt;
        }
    </script>
</head>
<body>
    <img src="planets.gif" alt="" width="145" height="126" alt="Planets"  usemap="#planetmap"/>
	
    <map name="planetmap">
        <area alt="" href="sun.html" shape="rect" coords="0,0,82,126" onMouseOver="writeText('The Sun and the gas giant planets like Jupiter are by far the largest objects in our Solar System.')" target="_blank" />
        <area alt="" href="venus.htm" shape="circle" coords="124,58,8" onMouseOut="writeText('Venus was blabla')" target="_blank" />
    </map>
    <p id="desc"></p>
</body>
</html>
